<template>
  <view :class="{ 'chunk-shadow': shadow }" :style="{ padding: padding }" class="glo-chunk" @click="handleClick">
    <slot></slot>
  </view>
</template>
<script setup>
const props = defineProps({
  padding: {
    type: String,
    default: '18rpx 25rpx'
  },
  shadow: {
    type: Boolean,
    default: false
  }
});
const emit = defineEmits(['click']);
const handleClick = () => {
  emit('click');
}
</script>
<style lang="scss" scoped>
.glo-chunk {
  position: relative;
  overflow: hidden;
  border-radius: 15rpx;
  background: #ffffff;

  &.chunk-shadow {
    box-shadow: 0rpx 0rpx 15rpx 0rpx rgba(5, 48, 121, 0.1);
  }
}
</style>
